<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
 
  <p:panelGrid style="font-size: small;width: 100%;border: hidden">
        <p:row>
            <p:column>
        <p:panel header="Cupon">
            <p:outputLabel escape="false" value="#{cBusOfe.DetalleOferta(cVen.oC.idOferta)}"/>
        </p:panel>
            </p:column>
            <p:column>
        <p:panel header="Negocio: #{cVen.getnC().negNombre}" style="font-size: small;width: 100%">
            <h:panelGrid columns="1" style="text-align:center;font-size: small;width: 100%">  
                <p:graphicImage height="130" width="330" id="nimage" value="#{cNeg.NegChartM(cVen.getnC().idNegocio)}">   
                    <f:param name="idn" value="#{cVen.getnC().idNegocio}" />
                </p:graphicImage>

                <h:outputText value="#{cVen.getnC().negDescripcion}" />  

                <p:commandLink update=":formCentro:negDetail,:formCentro:dlgInfo" oncomplete="PF('negDialog').show()" title="Ver detalle">  
                    <h:outputText styleClass="ui-icon ui-icon-search" style="margin:0 auto;" />   
                    <f:setPropertyActionListener value="#{cVen.getnC()}"   
                                                 target="#{cNeg.selectedNeg}" />  
                </p:commandLink>  
            </h:panelGrid>  
        </p:panel>
            </p:column>
        </p:row>
        <p:row>
        <p:column colspan="2">
        
            <h2>Tus cupones comprados!</h2>
            <p:dataTable paginator="false" id="dataTable3" var="cupv" value="#{cVen.vListaCuponesVenta}" style="font-size: small">  
                <p:column>
                    <f:facet name="header">  
                        <h:outputText value="ID" />  
                    </f:facet>
                        <h:outputText value="#{cupv.idCupon}" />  
                </p:column>
                <p:column>
                    <f:facet name="header">  
                        <h:outputText value="Codigo del cupon" />  
                    </f:facet>
                        <h:outputText value="#{cupv.cupCodigo}" />  
                </p:column>
                <p:column>
                    <f:facet name="header">  
                        <h:outputText value="Estado" />  
                    </f:facet>
                        <h:outputText value="#{cupv.cupEstado}" />  
                </p:column>
            </p:dataTable>
            <h:commandLink value="Imprimir tabla en PDF">
                <p:dataExporter type="pdf" target="dataTable3" fileName="AgrupadosSA_Cupones_oferta#{cVen.oC.idOferta}" />
            </h:commandLink>
            <br />
            <h:commandLink style="font-size: large" value="Ver cupones" target="_blank"  action="ofertas/cuponesventaimpresion.xhtml" />
            <br />
            <h:commandLink style="font-size: large" value="Imprimir cupones" target="_blank"  action="ofertas/cuponesventaimpresionIMPRIMIR.xhtml" />
        </p:column>
        </p:row>
    </p:panelGrid>
    
    
     <p:dialog header="#{cNeg.selectedNeg.negNombre}" id="dlgInfo" widgetVar="negDialog" modal="false" closeOnEscape="true" resizable="false">  
        <p:outputPanel id="negDetail" style="text-align:center;">  

            <p:graphicImage height="260" width="660" id="nimage2" value="#{cNeg.NegChartM(cNeg.selectedNeg.idNegocio)}"/>  

            <h:panelGrid  columns="2" cellpadding="5">  
                <h:outputLabel for="ntelefono" value="Telefono: " />  
                <h:outputText id="ntelefono" value="#{cNeg.selectedNeg.negTelefono}" />  

                <h:outputLabel for="npaginaweb" value="Pagina web: " />  
                <h:outputText id="npaginaweb" value="#{cNeg.selectedNeg.negPaginaweb}" />  

                <h:outputLabel for="nhorario" value="Horario: " />  
                <h:outputText id="nhorario" value="#{cNeg.selectedNeg.negHorario}" />  

                <h:outputLabel for="nemail" value="Email: " />  
                <h:outputText id="nemail" value="#{cNeg.selectedNeg.negEmail}" />  

                <h:outputLabel for="ndireccion" value="Direccion: " />  
                <h:outputText id="ndireccion" value="#{cNeg.selectedNeg.negDireccion}" />  

            </h:panelGrid>  
            <p:gmap center="#{cNeg.selectedNeg.negCoordenadas}" zoom="17" type="ROADMAP" model="#{cNeg.mapModelSelNeg(cNeg.selectedNeg.negCoordenadas)}"  
                    style="width:600px;height:400px" />
        </p:outputPanel>  
    </p:dialog> 
        
        
</ui:composition>